<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
		<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">#{message['registro.contrato.tittle']}</h1>
		<h:form id="formManteContrato3">
			<p:messages id="message" showDetail="true" closable="true" />
			<p:wizard id="wiz" widgetVar="wiz" flowListener="#{contratoForm.onFlowProcess}" nextLabel="#{message['btn.siguiente']}" backLabel="#{message['btn.atraz']}" >
			  <p:tab title="#{message['panel.contrato.cliente']}">
			  <p:panel header="#{message['panel.contrato.cliente']}"  >
			  		<h:outputText value="Codigo contrato" />
			  		<p:spacer/>
					<p:inputText value="#{contratoForm.objContratoSie.codcontrato}" required="true" maxlength="45" size="30" readonly="true" />
					
				<h:panelGrid columns="6" id="panelCliente"  cellpadding="5" >

					<h:outputText value="#{message['contrato.nombre']}" />
					<p:inputText id="nombreCliente" value="#{contratoForm.objClienteSie.nombrecliente}" required="true" maxlength="45" size="30" />
					<h:panelGroup>
					<pe:keyFilter for="nombreCliente" mask="alpha"/>  
					<p:message for="nombreCliente" />
					</h:panelGroup>
					<h:outputText value="#{message['contrato.apepaterno']}" />
					<p:inputText id="apPatCliente" value="#{contratoForm.objClienteSie.apepatcliente}" required="true" maxlength="45" size="30" />
					<h:panelGroup>
					<pe:keyFilter for="apPatCliente" mask="alpha"/>
					<p:message for="apPatCliente" />
					</h:panelGroup>
					
					<h:outputText value="#{message['contrato.apematerno']}" />
					<p:inputText  id="apMatCliente" value="#{contratoForm.objClienteSie.apematcliente}" required="true" maxlength="45" size="30" />
					<h:panelGroup>
					<pe:keyFilter for="apMatCliente" mask="alpha"/>
					<p:message for="apMatCliente" />
					</h:panelGroup>
					<h:outputText value="#{message['empleado.genero']}" />
					<p:selectOneRadio  value="#{contratoForm.objClienteSie.genero}" required="true" >
						<f:selectItem itemLabel="Femenino" itemValue="F" />
						<f:selectItem itemLabel="Masculino" itemValue="M" />
					</p:selectOneRadio>
					<p:spacer/>
					
					<h:outputText value="#{message['contrato.tipo.documento']}" />
					<p:selectOneMenu id="tipoDoc" style="width:220px" value="#{contratoForm.idtipodoc}" required="true" 
					requiredMessage="#{message['contrato.tipo.documento.validation']}" >
						<f:selectItems value="#{comboAction.tipoDocumentoitems}" />
						<p:ajax update="nrodoc"/>
					</p:selectOneMenu>
					<p:spacer/>
					
					<h:outputText value="#{message['contrato.numero.documento']}" />
					<h:panelGroup id="nrodoc" >
					<p:inputMask id="nrodoc1" value="#{contratoForm.objClienteSie.numdocumento}" mask="99999999" size="30"
					rendered="#{contratoForm.idtipodoc==1}" required="true" />
					<p:inputMask id="nrodoc2" value="#{contratoForm.objClienteSie.numdocumento}" mask="99999999999" size="30"
					rendered="#{contratoForm.idtipodoc==2}" required="true" />
					</h:panelGroup>
					<p:message for="nrodoc1" rendered="#{contratoForm.idtipodoc==1}" />
					<p:message for="nrodoc2" rendered="#{contratoForm.idtipodoc==2}" />
					
					<h:outputText value="#{message['contrato.cliente.correo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.correo}" id="email" validatorMessage="Email incorrecto" maxlength="45" size="30"  title="para el @ presione: la tecla Alt + 64 y en laptop Alt Gr + Q">
					 <f:validateRegex pattern="#{message['pattern.email.norequired']}" />
					 <p:tooltip for="email"  showEffect="clip" hideEffect="explode" ></p:tooltip>
					</p:inputText>
					<p:message for="email" />
					
					<h:outputText value="#{message['contrato.fechanac']}" />
					<p:calendar  id="fecnac" value="#{contratoForm.objClienteSie.fecnacimiento}" required="true" pattern="dd/MM/yyyy" maxlength="10"  locale="pe"
					pagedate="01/01/1990" maxdate="#{contratoForm.dValidoFecNac}" />
					<p:message for="fecnac" />
					
					<h:outputText value="#{message['contrato.ubigeo.departamento']}" />
					<p:selectOneMenu size="1" value="#{contratoForm.idDepartamento}"
					required="true" style="width:220px" id="departamento"
					requiredMessage="#{message['contrato.ubigeo.departamento.validation']}">
					<f:selectItem itemLabel="Seleccione Departamento" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoDeparItems}" />
					<p:ajax update="prov,dist" listener="#{contratoForm.cambiar}" />
					</p:selectOneMenu>
					<p:spacer/>

				<h:outputText value="#{message['contrato.ubigeo.provincia']}" />
				<p:selectOneMenu id="prov" value="#{contratoForm.idProvincia}"
					required="true" style="width:220px"
					requiredMessage="#{message['contrato.ubigeo.provincia.validation']}">
					<f:selectItem itemLabel="Seleccione Provincia" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoProvinItems}" />
					<p:ajax update="dist" listener="#{contratoForm.cambiar2}" />
				</p:selectOneMenu>
				<p:spacer/>
					
				<h:outputText value="#{message['contrato.ubigeo.distrito']}" rendered="#{contratoForm.defectoUbigeo}" />
				<p:selectOneMenu id="dist" value="#{contratoForm.idUbigeo}" 
					rendered="#{contratoForm.defectoUbigeo}" required="true"   effect="fade"
					style="width:220px">
					<f:selectItem itemLabel="Seleccione Distrito" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.ubigeoDistriItems}" />
					<p:ajax update="ubigeoDefecto" listener="#{contratoForm.ingresarUbigeo}"/>
				</p:selectOneMenu>
				<p:spacer/>
				
				<h:outputText value="#{message['contrato.ubigeo']}" />
				<h:outputText id="ubigeoDefecto" value="#{contratoForm.ubigeoDefecto}" style="width:320px"/>
				<p:message for="ubigeoDefecto" rendered="#{contratoForm.defectoUbigeo}"/>
				
				<h:outputText value="#{message['contrato.tipocasa']}" />
				<p:selectOneMenu style="width:220px" required="true" id="tipocasa"
				value="#{contratoForm.tipocasa}">
					<f:selectItem itemLabel="Seleccione tipo casa" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.tipocasaItems}" />
				</p:selectOneMenu>
				<p:message for="tipocasa" />
				
				<h:outputText value="#{message['contrato.ubigeo.domicilio']}" />
				<p:inputText id="domicilio"
					value="#{contratoForm.objDomicilioSie.domicilio}" required="true" size="30"/>
				<p:message for="domicilio" />

				<h:outputText value="#{message['contrato.ubigeo.referencia']}" />
				<p:inputTextarea value="#{contratoForm.objDomicilioSie.referencia}" maxlength="115" style="" cols="30" rows="2" autoResize="false"  />
				<p:spacer />
				
				<h:outputText value="#{message['contrato.ubigeo.domicilio.plano']}" />
				<p:inputText  value="#{contratoForm.objDomicilioSie.planoDomicilio}" size="30" maxlength="5"/>
				<p:spacer />
				
				<h:outputText value="#{message['contrato.ubigeo.domicilio.letra']}" />
				<p:inputText  value="#{contratoForm.objDomicilioSie.letraDomicilio}" size="30" maxlength="5"/>
				<p:spacer />
				
				<h:outputText value="#{message['contrato.ubigeo.domicilio.sector']}" />
				<p:inputText  value="#{contratoForm.objDomicilioSie.sectorDomicilio}" size="30" maxlength="5"/>
				<p:spacer />
				
				<h:outputText value="#{message['contrato.empresa.labora.nombre']}" />
				<p:inputText value="#{contratoForm.objClienteSie.empresatrabajo}" size="30" maxlength="45" />
				<p:spacer />
				
				<h:outputText value="#{message['contrato.empresa.cargo']}" />
				<p:inputText value="#{contratoForm.objClienteSie.cargotrabajo}" size="30"  maxlength="45" />
				<p:spacer />
				
				<h:outputText value="#{message['contrato.empresa.labora.direccion']}" />
				<p:inputText value="#{contratoForm.objClienteSie.directrabajo}" size="30"  maxlength="115" />
				<p:spacer />
				
				<h:outputText value="#{message['contrato.ubigeo.cliente.plano']}" />
				<p:inputText  value="#{contratoForm.objClienteSie.planoTrabajo}" size="30" maxlength="5"/>
				<p:spacer />
				
				<h:outputText value="#{message['contrato.ubigeo.cliente.letra']}" />
				<p:inputText  value="#{contratoForm.objClienteSie.letraTrabajo}" size="30" maxlength="5"/>
				<p:spacer />
				
				<h:outputText value="#{message['contrato.ubigeo.cliente.sector']}" />
				<p:inputText  value="#{contratoForm.objClienteSie.sectorTrabajo}" size="30" maxlength="5"/>
				<p:spacer />
				
				<h:outputText value="#{message['contrato.empresa.labora.telefono']}" />
				<p:inputMask id="numTelefTraba" mask="999-9999" value="#{contratoForm.objClienteSie.telftrabajo}" size="30"/>
				<p:message for="numTelefTraba" />
				
				<h:outputText value="#{message['contrato.llamar']}" />
				<p:selectOneRadio  value="#{contratoForm.objContratoSie.llamar}" required="true"  >
		            <f:selectItem itemLabel="Si" itemValue="S" />
		            <f:selectItem itemLabel="No" itemValue="N" />
	            </p:selectOneRadio>
				</h:panelGrid>
				</p:panel>
				</p:tab>
				<p:tab title="#{message['cliente.contrato.telefono.referencia']}">
			  	<p:panel >
			  	<p:messages id="messaget" showDetail="true"/>
			  	<p:fieldset   legend="#{message['cliente.contrato.telefono.referencia']}" >
				<h:panelGrid columns="6"  id="panelTlf" cellpadding="4" >
				
				<h:outputText value="#{message['contrato.tipo.telefono']}" />
				<p:selectOneMenu  value="#{contratoForm.tipoTelef}" style="width:165px"  >
						<f:selectItem itemLabel="Fijo" itemValue="1" />
						<f:selectItem itemLabel="Celular" itemValue="2" />
						<p:ajax update="panelTlf" />
				</p:selectOneMenu>
				<p:spacer />
					
				<h:outputText value="#{message['contrato.operadorTelefonico']}" />
				<p:selectOneMenu id="operadorTelefonico" required="true" value="#{contratoForm.operadorTelefonico}" 
				rendered="#{contratoForm.tipoTelef==1}" style="width:165px">
						<f:selectItem itemLabel="Seleccione Operador" itemValue="#{null}" />
						<f:selectItem itemLabel="Claro" itemValue="1" />
						<f:selectItem itemLabel="Telefónica" itemValue="2" />
				</p:selectOneMenu>
				<p:message for="operadorTelefonico" rendered="#{contratoForm.tipoTelef==1}" />
					
				<p:selectOneMenu id="operadorCelular" required="true" value="#{contratoForm.operadorTelefonico}" 
					rendered="#{contratoForm.tipoTelef==2}" style="width:165px" >
						<f:selectItem itemLabel="Seleccione Operador" itemValue="#{null}" />
						<f:selectItem itemLabel="Claro" itemValue="1" />
						<f:selectItem itemLabel="Movistar" itemValue="2" />
						<f:selectItem itemLabel="Nextel" itemValue="3" />
				</p:selectOneMenu>
				<p:message for="operadorCelular" rendered="#{contratoForm.tipoTelef==2}" />
					
				<h:outputText value="#{message['contrato.telefono']}" rendered="#{contratoForm.tipoTelef==1}" />
				<p:inputMask id="numTelef" mask="999-9999" value="#{contratoForm.nuevoTelef.telefono}"
				rendered="#{contratoForm.tipoTelef==1}"/>
				<p:message for="numTelef" rendered="#{contratoForm.tipoTelef==1}"/>
				
				<h:outputText value="#{message['contrato.celular']}"  rendered="#{contratoForm.tipoTelef==2}"/>
				<p:inputMask mask="999-999999" value="#{contratoForm.nuevoTelef.telefono}" id="numCelular"
				rendered="#{contratoForm.tipoTelef==2}"/>
				<p:message for="numCelular"  rendered="#{contratoForm.tipoTelef==2}"/>
				
				<h:outputText value="#{message['contrato.telefono.descripcion']}" />
				<p:inputText value="#{contratoForm.nuevoTelef.descTelefono}" maxlength="40" />
				<p:spacer />
				
					<p:commandButton value="Agregar Telefono"  icon="ui-icon ui-icon-check" 
					actionListener="#{contratoForm.telefonoAgregar}" update="telefonoList, messaget" > 
					</p:commandButton>
					
				</h:panelGrid>
				</p:fieldset>
					<p:spacer height="30px" />
						
						<p:dataTable value="#{contratoForm.telefonoList}" id="telefonoList" var="t" style="width:400px"
							 rowStyleClass="#{t.operadorTelefonico eq 'Claro' ? 'colorRojo': (t.operadorTelefonico eq 'Movistar' ? 'color2': 'color3') }"   >
	
							<f:facet name="header">
								<h:outputLabel value="#{message['contrato.telef.referencia']}" />
							</f:facet>
							
							<p:column headerText="#{message['contrato.telefono']}"  >
		                    	<h:outputText value="#{t.tipoTelef}, #{t.operadorTelefonico}, #{t.telefono}" />
		                    </p:column>
		                    <p:column headerText="#{message['contrato.telefono.descripcion']}"  >
		                    	<h:outputText value="#{t.descTelefono}" />
		                    </p:column>
		                    <p:column headerText="Eliminar" >
			                    <p:commandButton icon="ui-icon-close" oncomplete="confirmationTelefonoContrato.show()" title="eliminar">
								<f:setPropertyActionListener value="#{t.telefono}" target="#{contratoForm.selectTelef}" />
								</p:commandButton>
							</p:column>
						</p:dataTable>
				</p:panel>
				</p:tab>
				
				<p:tab title="#{message['cliente.tabpaquete']}">
				<p:panel id="panelPaq" >
				<p:messages id="messageProd" showDetail="true" />
				<p:fieldset  legend="#{message['panel.seleccion.producto']}" >
				<h:panelGrid columns="7" id="panelProd" cellpadding="3"  >
					
					<h:outputText value="#{message['contrato.paquete']}" />
					<p:selectOneMenu id="paq" filter="true" filterMatchMode="contains" value="#{contratoForm.idpaquete}">
						<f:selectItem itemLabel="Seleccione Paquete" itemValue="#{null}" />
						<f:selectItems value="#{comboAction.paqueteItems}" />
						<p:ajax update="panel2,detPaqueteList" listener="#{contratoForm.cambioPaquete}" />
					</p:selectOneMenu>
					
					<h:outputText value="#{message['contrato.tipo.producto']}" />
					<p:selectOneMenu id="tipoProd2" value="#{comboAction.tipoProducto}" style="width:165px">
						<f:selectItem itemLabel="Seleccionar tipo" itemValue="#{null}" />
						<f:selectItems value="#{comboAction.tipoitems}" />
						<p:ajax update="produc2" listener="#{comboAction.cambiar}" />
					</p:selectOneMenu>
					<p:spacer/>
					
					<h:outputText value="#{message['contrato.producto']}" />
					<p:selectOneMenu filter="true" filterMatchMode="startsWith" id="produc2" style="width:200px"
						value="#{contratoForm.objProductoSie.idproducto}" requiredMessage="Debe seleccionar un producto para agregarlo a la lista" >
						<f:selectItem itemLabel="Seleccione Producto" itemValue="#{null}"  />
						<f:selectItems value="#{comboAction.productositems}" />
					</p:selectOneMenu>
					
					<h:outputText value="#{message['contrato.observacion']}" />
					<p:inputText value="#{contratoForm.objProductoSie.observacionContrato}" maxlength="40"/>
					
					<h:outputText value="#{message['contrato.producto.cantidad']}" />
					<p:spinner value="#{contratoForm.objProductoSie.cantidadContrato}" min="1" requiredMessage="#{message['contrato.cantidad.producto']}"  />
					<p:spacer/>
					<h:outputText value="Estado" />
					<p:selectOneMenu size="1"  required="true"
					style="width:165px" value="#{contratoForm.idestadoProducto}">
						<f:selectItems value="#{comboAction.estadoitems}" />
					</p:selectOneMenu>
					 
					<p:commandButton value="Agregar" icon="ui-icon ui-icon-check" update="panelPaq" 
					action="#{contratoForm.agregarProducto}" />
				</h:panelGrid>
	   </p:fieldset>
	   <p:spacer  height="35px"/>
    <p:dataTable id="detPaqueteList" var="g" value="#{contratoForm.detPaqueteList}" editable="true" style="width:60%; align:center" >

        <f:facet name="header">
            #{message['contrato.editar.paquete']}
        </f:facet>
       
        <p:ajax event="rowEdit" listener="#{contratoForm.onEditDetPaquete}"  update="@this" />
        <p:ajax event="rowEditCancel" listener="#{contratoForm.onCancelDetPaquete}" update="detPaqueteList" />
		
        <p:column headerText="Item" style="width:90px">
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{g.item}" />
                </f:facet>
                <f:facet name="input">
                    <h:outputText value="#{g.item}" style="width:100%"  />
                </f:facet>
            </p:cellEditor>
        </p:column>
        <p:column headerText="#{message['contrato.producto']}" style="width:125px">
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{g.tbProducto.descripcionproducto}" />
                </f:facet>
                <f:facet name="input">
                     <h:outputText value="#{g.tbProducto.descripcionproducto}" />
                </f:facet>
            </p:cellEditor>
        </p:column>
        
        <p:column headerText="#{message['contrato.observacion']}" style="width:125px">
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{g.observacion}" />
                </f:facet>
                <f:facet name="input">
                    <p:inputText  value="#{g.observacion}" />
                </f:facet>
            </p:cellEditor>
        </p:column>

        <p:column headerText="#{message['contrato.producto.cantidad']}" style="width:80px">
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{g.cantidad}"  />
                </f:facet>
                <f:facet name="input">
                  <p:spinner value="#{g.cantidad}" min="1" />
                </f:facet>
            </p:cellEditor>
        </p:column>
        
        <p:column headerText="#{message['contrato.estado']}" style="width:110px">
            <p:cellEditor>
                <f:facet name="output">
                   <h:outputText value="#{g.tbEstadoGeneral.descripcion}"  />
                </f:facet>
                 <f:facet name="input">
                   <h:outputText value="#{g.tbEstadoGeneral.descripcion}"  />
                </f:facet>
            </p:cellEditor>
        </p:column>
        
        <p:column headerText="Editar" style="width:50px">
            <p:rowEditor />
        </p:column>

        <p:column headerText="#{message['contrato.eliminar']}" >
           <p:commandButton icon="ui-icon-close"
							oncomplete="confirmationProductoContrato.show()" title="eliminar">
					<f:setPropertyActionListener value="#{g.item}" target="#{contratoForm.idCobranza}" />
			</p:commandButton>
		</p:column>
    	</p:dataTable>
    	</p:panel>
    	</p:tab>
    	
    	<p:tab title="#{message['cliente.tabcobranza']}">
    	<p:panel  id="panel2" >
				<p:messages id="messageCob" showDetail="true" />
				<p:fieldset legend="#{message['cliente.cobranza']}" >
				 
				<h:outputText value="#{message['contrato.tipoPago']}" />
				<p:selectOneMenu  size="1"  value="#{contratoForm.tipopago}" >
						<f:selectItem itemLabel="Crédito" itemValue="1" />
						<f:selectItem itemLabel="Contado" itemValue="2" />
						<p:ajax update="panel2"/>
				</p:selectOneMenu>
				<p:spacer/> 
				<h:panelGrid columns="4" rendered="#{contratoForm.tipopago==1}" cellpadding="4" >
				<h:outputText value="#{message['contrato.pagosubinicial']}" />
				<p:spinner id="subinicial" value="#{contratoForm.objContratoSie.pagosubinicial}" min="0"  >
				<f:validateDoubleRange minimum="0.0"  />
				</p:spinner>
				
				<h:outputText value="#{message['contrato.fechEntrega']}" />
				<p:calendar id="fechaentrega1" value="#{contratoForm.objContratoSie.fechaentrega}" pattern="dd/MM/yyyy" 
				maxdate="today" label="fecha entrega" maxlength="10" required="true" />
				
				<h:outputText value="#{message['contrato.producto.precio']}" />
				<p:spinner id="precioProd" value="#{contratoForm.precioProducto}" required="true" min="1"  />
				
				<h:outputText value="#{message['contrato.cantCuotas']}" />
				<p:spinner id="spinnerE" size="2" min="1" required="true" 
				value="#{contratoForm.objContratoSie.numcuotas}" />
				
				<h:outputText value="#{message['contrato.Fecha.pago.inicial']}" />
				<p:calendar id="fechPagoInicial" value="#{contratoForm.objContratoSie.fechacuotainicial}" 
				pattern="dd/MM/yyyy" effect="explode" required="true" mindate="today" maxlength="10"/>
				
				</h:panelGrid>
				<h:panelGrid columns="4"  rendered="#{contratoForm.tipopago==2}" cellpadding="4" >
				
				<h:outputText value="#{message['contrato.producto.precio']}" />
				<p:spinner id="precioProd2" value="#{contratoForm.precioProducto}" required="true" min="1"  />
				
				<h:outputText value="#{message['contrato.fechEntrega']}" />
				<p:calendar id="fechaentrega" value="#{contratoForm.objContratoSie.fechaentrega}" pattern="dd/MM/yyyy" maxdate="today" label="fecha entrega" maxlength="10" required="true" />
				
				</h:panelGrid>
				<p:commandButton value="Registrar Pago(s)" action="#{contratoForm.insertarCobranza}" update="panel2"
				icon="ui-icon ui-icon-check"/> 
				
				</p:fieldset>
				
        		 <p:spacer  height="35px"/>
        		 <h:panelGrid id="panelCobranzas" >
		<p:dataTable id="listaCobranzas" var="c" value="#{contratoForm.cobranzaList}" editable="true" style=" width:775px; align:center " >

        <f:facet name="header">
            Editar Cobranzas
        </f:facet>

        <p:ajax event="rowEdit" listener="#{contratoForm.onEdit1}"  update="listaCobranzas"/>
        <p:ajax event="rowEditCancel" listener="#{contratoForm.onCancel}" update="listaCobranzas" />

        <p:column headerText="#{message['contrato.numero.letra']}" style="width:125px">
            <p:cellEditor>
                <f:facet name="output"  >
                    <h:outputText value="#{c.numletra}" />
                </f:facet>
                <f:facet name="input">
                    <h:outputText value="#{c.numletra}"/>
                </f:facet>
            </p:cellEditor>
        </p:column>
        
        <p:column headerText="#{message['contrato.cobranza.importe']}" style="width:300px">
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{c.impinicial}" />
                </f:facet>
                <f:facet name="input">
                    <p:spinner value="#{c.impinicial}" min="0" />
                </f:facet>
            </p:cellEditor>
        </p:column>

        <p:column headerText="#{message['contraato.cobranza.fecVencimiento']}" style="width:300px">
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{c.fechaVencimientoString}"  />
                </f:facet>
                <f:facet name="input">
                  <p:calendar   value="#{c.fecvencimiento}" pattern="dd/MM/yyyy" maxlength="10"/>
                </f:facet>
            </p:cellEditor>
        </p:column>
        <p:column headerText="Editar" style="width:50px">
            <p:rowEditor />
        </p:column>
        </p:dataTable>
        <br/>
        <p:outputPanel autoUpdate="true" >
        <h:outputText value="#{message['contrato.cobranza.total.acumulado']}" />
        <p:inputText id="totalacumulado2" value="#{contratoForm.totalacumulado}"  />
        </p:outputPanel>
        </h:panelGrid>
		</p:panel>
		</p:tab>
		
		<p:tab title="#{message['cliente.tabVentas']}">
			<p:panel header="#{message['panel.contrato.producto']}">
			<h:panelGrid columns="4" id="panelVenta" cellpadding="5" >
				<h:outputText value="#{message['contrato.empresa']}" />
				<p:selectOneMenu id="idempresa" required="true"
					style="width:220px"  value="#{contratoForm.idempresa}">
					<f:selectItem itemLabel="Seleccione Empresa" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.empresaitems}" />
					<p:ajax  listener="#{contratoForm.listarempleados}"  />
				</p:selectOneMenu>
				
				<h:outputText value="#{message['contrato.tipo.venta']}" />
				<p:selectOneMenu value="#{contratoForm.tipoVenta}" style="width:220px" >
				<f:selectItem itemLabel="Seleccione tipo de venta" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.tipoEventoVentaitems}" />
					<p:ajax update="panelVenta" />
				</p:selectOneMenu>
				
				<h:outputText value="#{message['contrato.puntoVenta']}" rendered="#{contratoForm.tipoVenta==2}" />
				<p:selectOneMenu required="true" rendered="#{contratoForm.tipoVenta==2}" style="width:220px" >
					<f:selectItem itemLabel="Seleccione punto venta" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.almacenItemsXTipo}" />
				</p:selectOneMenu>
				
				<h:outputText rendered="#{contratoForm.tipoVenta!=2}" value="lugar" />
				<p:inputText value="#{contratoForm.objContratoSie.lugarentrega}" style="width:220px" 
					required="true" rendered="#{contratoForm.tipoVenta!=2}"  />
				
				<h:outputText value="Grupo"   />
				<p:selectOneMenu id="grupos" value="#{contratoForm.idGrupo}"  required="true" style="width:220px" >
					<f:selectItem itemLabel="Seleccione grupo" itemValue="#{null}" />
					<f:selectItems value="#{comboAction.grupoItems}" />
					<p:ajax  update="panelVenta" />
				</p:selectOneMenu>
				
				<h:outputText value="#{message['contrato.supervisor']}" />
				<p:dataList id="integrantes" value="#{contratoForm.detgrupoList}" var="d" itemType="square">
					#{d.tbempleado.nombresCompletos}
				</p:dataList>
				
				<h:outputText value="#{message['contrato.expositor']}" rendered="#{contratoForm.tipoVenta!=2}"/>
				<p:selectOneMenu id="e1" value="#{contratoForm.idempleadoExpositor}" rendered="#{contratoForm.tipoVenta!=2}" required="true" filter="true" filterMatchMode="startsWith"  style="width:220px">
					<f:selectItems value="#{comboAction.expositorItems}" />
				</p:selectOneMenu>
				
				<h:outputText value="#{message['contrato.vendedor']}" />
				<p:selectOneMenu id="e2" value="#{contratoForm.idempleadoVendedor}" filter="true" filterMatchMode="startsWith"  style="width:220px">
					<f:selectItems value="#{comboAction.vendedorItems}" />
				</p:selectOneMenu>
				
				<h:outputText value="#{message['contrato.relacionista']}" />
				<p:selectOneMenu value="#{contratoForm.idempleadoColaborador}" filter="true" filterMatchMode="startsWith"  style="width:220px">
					<f:selectItems value="#{comboAction.relacionistaItems}" />
				</p:selectOneMenu>
				</h:panelGrid>
				
				<p:commandButton id="nuevoContrato" value="#{message['contrato.registrar']}" action="#{contratoForm.insertar}" update="message" ajax="false"
				 title="#{message['contrato.registrar.tittle']}" icon="ui-icon ui-icon-disk"/>
				<p:tooltip for="nuevoContrato"/>
			</p:panel>
		</p:tab>
		</p:wizard>
	</h:form>
	</ui:define>
</ui:composition>